<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" >
<head th:include="/include/commonHeader::commonHeader('任务安排编辑')"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="col-sm-12">
        <form class="form-horizontal m-t" id="exampleForm">
            <input id="id" name="id"  type="hidden" th:value="${crewTaskAssignment.id}">
            <div class="form-group">
                <label class="col-sm-3 control-label"><font style="color:red;">*</font>负责人：</label>
                <div class="col-sm-8">
                    <select id="workcode" name="workcode"></select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label"><font style="color:red;">*</font>开始时间：</label>
                <div class="col-sm-8">
                    <input id="taskStart" name="taskStart" class="form-control" type="text" th:value="${crewTaskAssignment.taskStart}">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label"><font style="color:red;">*</font>结束时间：</label>
                <div class="col-sm-8">
                    <input id="taskEnd" name="taskEnd" class="form-control" type="text" th:value="${crewTaskAssignment.taskEnd}">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label"><font style="color:red;">*</font>任务类型：</label>
                <div class="col-sm-8">
                    <select id="taskType" name="taskType" th:value="${crewTaskAssignment.taskType}" ></select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">备注：</label>
                <div class="col-sm-8">
                    <input id="remark" name="remark" class="form-control" type="text" th:value="${crewTaskAssignment.remark}">
                </div>
            </div>

            <div class="form-group">
                <div class="text-center">
                    <button id="btn_save" onclick="save()" type="button" class="btn btn-primary">提交</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- 自定义js -->
<script src="/plugins/bootstrapValidator/js/bootstrapValidator.min.js"></script>
<script src="/plugins/bootstrapValidator/js/language/zh_CN.js"></script>
	<script th:inline="javascript">
        var prefix = "/crewTaskAssignment";
        var isReadonly = "[[${isReadonly}]]";//页面是否只能查看
        var moduleFlag = [[${moduleFlag}]];
        $(function(){
            //初始化下列框
            var paramArr = [{'moduleFlag':moduleFlag}];
            select2CommonAsync("#workcode","/select2/getStaff.do","人员姓名/首字母",[[${crewTaskAssignment.workcode}]],paramArr);
            select2InitForDic("#taskType","T_TASK_TYPE",[[${crewTaskAssignment.taskType}]],null,false,null);
            if(isReadonly === "1"){
                readonlyInput();
            }else{
                initValidator();
            }
        });
        //开始时间
        $('#taskStart').datetimepicker({
            language : 'zh-CN',
            weekStart : 1,
            autoclose : 1,
            todayHighlight : 1,
            startView : 0,
            minView : 0,
            forceParse : 1,
            format : 'yyyy-mm-dd hh:ii',
            todayBtn : true
        });
        //结束时间
        $('#taskEnd').datetimepicker({
            language : 'zh-CN',
            weekStart : 1,
            autoclose : 1,
            todayHighlight : 1,
            startView : 0,
            minView : 0,
            forceParse : 1,
            format :'yyyy-mm-dd hh:ii',
            todayBtn : true
        });


        //禁用所有输入框
        function readonlyInput(){
            $("#exampleForm").find("input,textarea,checkbox,radio").attr("readonly",true);
            $("#exampleForm").find("select").prop("disabled",true);
        $("#btn_save").hide();//隐藏操作按钮
        }

        //保存
        function save(){
            $("#exampleForm").data('bootstrapValidator').validate();//触发一次所有的验证
            if(!$("#exampleForm").data('bootstrapValidator').isValid()){//判断验证是否已经通过
                return;
            }

            $.ajax({
                cache : true,
                type : "POST",
                url : prefix + "/update.do",
                data : $('#exampleForm').serialize(),
                async : false,
                error : function(request) {
                    parent.layer.alert("Connection error");
                },
                success : function(data) {
                    if (data.code == 0) {
                        parent.layer.msg("操作成功");
                        parent.reload();
                        var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
                        parent.layer.close(index);
                    } else {
                        parent.layer.alert(data.msg)
                    }
                }
            });
        }

        //初始化验证规则
        function initValidator(){
           $('#exampleForm').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
               fields: {
               }
        });
        }
	</script>
</body>
</html>
